﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <meta charset="utf-8" />
    <style type="text/css">
        .titletext{ height:40px; width:200px; float:left; margin-left:10px; margin-top:30px; text-align:center; line-height:40px; font-size:15px; color:white}
        #closeall{height:40px; width:100px; float:left; margin-left:500px; margin-top:30px; text-align:center; line-height:40px; font-size:14px;}
        #accountadmin{height:40px; width:100px; float:left; margin-left:20px; margin-top:30px; text-align:center; line-height:40px; font-size:14px;}
    </style>
</head>
<body class="easyui-layout">
    <form id="ff">
        <div data-options="region:'north'" style="height:100px; background-color:cornflowerblue">
            <img src="logo(1).png" height="95" style="float:left" />
            <div class="titletext">
                会员消费积分管理平台
            </div>
            <div class="titletext">
                当前用户：<label id="lblrole">系统管理员</label>
            </div>
            <div id="closeall">
                <a id="close" class="CloseAll">关闭全部</a>
            </div>
            <div id="accountadmin">
                <a href="javascript:void(0)" id="mb">账户管理</a>
                <div id="mm" style="width:90px">
                    <a id="updatepwd">修改个人密码</a>
                    <div class="menu-sep"></div>
                    <a id="updateinfo">修改个人信息</a>
                </div>
            </div>
        </div>
        <div data-options="region:'south'" style="height:70px; background-color:cornflowerblue"></div>
        <div data-options="region:'west',title:'菜单导航',split:true" style="width:250px;">
            <div id="aa" class="easyui-accordion" style="width:243px;height:530px;">
                <div title="用户管理">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:520px">
                        <li><a class="navigation" url="/Shops/ShopsInfo.html" style="width:250px; text-align:left">店铺管理</a></li>
                        <li><a class="navigation" url="/User/UserSelect.html" style="width:250px; text-align:left">用户列表</a></li>
                        <li><a class="navigation" url="https://www.baidu.com/" style="width:250px; text-align:left">会员等级管理</a></li>
                    </ul>
                </div>
                <div title="礼品管理">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                        <li>
                            <a  url="/Gift/integral.html" class="navigation" style="width:250px;text-align:left">礼品列表</a>
                        </li>
                    </ul>
                </div>
                <div title="会员管理">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                        <li>
                            <a href="javascript::;" url="/MessageVIP/VipShow.html" class="navigation" style="width:250px;text-align:left">会员列表</a>
                        </li>
                    </ul>
                </div>
                <div title="会员消费">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                        <li>
                            <a href="javascript::;" url="/Cost/cost01.html" class="navigation" style="width:250px;text-align:left">快速消费</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="/Integration/Reduce.html" class="navigation" style="width:250px;text-align:left">会员减积分</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="/Cost/historycost.html" class="navigation" style="width:250px;text-align:left">消费历史记录</a>
                        </li>
                    </ul>
                </div>
                <div title="积分兑换">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                        <li>
                            <a href="javascript::;" url="Integration/Exchange.html" class="navigation" style="width:250px;text-align:left">积分兑换礼品</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="Integration/Reentry.html" class="navigation" style="width:250px;text-align:left">积分返现</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="Integration/History.html" class="navigation" style="width:250px;text-align:left">兑换历史记录</a>
                        </li>
                    </ul>
                </div>
                <div title="统计中心">
                    <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                        <li>
                            <a href="javascript::;" url="/Cost/fastcost.html" class="navigation" style="width:250px;text-align:left">快速消费统计</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="/Cost/vipcost.html" class="navigation" style="width:250px;text-align:left">会员消费情况统计</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="Integration/ReduceStatistics.html" class="navigation" style="width:250px;text-align:left">减积分统计</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="Integration/ReentryStatistics.html" class="navigation" style="width:250px;text-align:left">积分返现统计</a>
                        </li>
                        <li>
                            <a href="javascript::;" url="/Gift/Exchange.html" class="navigation" style="width:250px;text-align:left">礼品兑换统计</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div title="系统管理">
                <ul class="menu" style="margin:0; padding:0; list-style:none; width:240px; height:530px">
                    <li>
                        <a href="javascript::;" url="/Member/vipLvRevise.html" class="navigation" style="width:250px;text-align:left">会员等级管理</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="tt" class="easyui-tabs" data-options="region:'center'">
        </div>
        <div id="update" data-options="iconCls:'icon-save',resizable:true,modal:true" style=" overflow:hidden">
            <iframe id="ifupdate" width="1600" height="800" frameborder="0" scrolling="no" style="overflow:hidden"></iframe>
        </div>
    </form>
</body>
</html>

<script>
    $(function () {
        //点击a标签跳转页面
        $(".menu li a").click(function () {
            //获取url
            var src = $(this).attr("url");
            //获取a标签的文本，及页面的标题
            var titleShow = $(this).text();
            //编写一个iframe标签
            var strHtml = '<iframe id="frmWorkArea" width="1600" height="800" frameborder="0" scrolling="no" src="' + src + '"></iframe>';
            //判断tab标签中是否存在要打开的tab标签
            var isEsists = $("#tt").tabs('exists', titleShow);
            if (!isEsists) {
                $("#tt").tabs('add', {
                    title: titleShow,
                    content: strHtml,
                    iconCls: 'icon-ok',
                    closable: true
                });
            }
            else {
                $("#tt").tabs('select', titleShow);
            }
        })

        //左侧列表的按钮
        $('.navigation').linkbutton({
            iconCls: 'icon-icon1',
            plain:true
        });

        //关闭按钮
        $('#close').linkbutton({
            iconCls: 'icon-cancel',
            plain:true
        });
        //$("#close").click(function () {
        //    for (var i = 0; i < ; i++) {

        //    }
        //})
        //下拉按钮
        $('#mb').menubutton({
            iconCls: 'icon-edit',
            menu: '#mm'
        });
        //修改密码
        $('#updatepwd').linkbutton({
            iconCls: 'icon-mini-edit',
            plain:true
        })
        //点击弹出修改密码对话框
        $("#updatepwd").click(function () {
            $("#update").dialog({ title: '修改个人密码', width: 350, height: 200 }).dialog("open")
            $("#ifupdate").attr("src", "../UpdateInfo/UpdatePwd.html")
        })
        //修改个人信息
        $('#updateinfo').linkbutton({
            iconCls: 'icon-man',
            plain: true
        })
        //点击弹出修改个人信息对话框
        $("#updateinfo").click(function () {
            $("#update").dialog({ title: '修改个人信息', width: 350, height: 200 }).dialog("open")
            $("#ifupdate").attr("src", "../UpdateInfo/UpdateInfo.html")
        })
    })
    //关闭全部
    $(function () {
        $(".CloseAll").click(function () {
            $("#tt li").each(function (index, obj) {
                //获取所有可关闭的选项卡
                var tab = $(".tabs-closable", this).text();
                $(".easyui-tabs").tabs('close', tab);
            });
        });

    })

</script>